<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
		<link rel="stylesheet" href="css.css">
	</head>

	<body>
		<header>
			<div class="tbg">
				<div class="top">
					<div class="logo">
						<img src="img/logo-top.png" alt="">
					</div>
				</div>
			</div>
			<div class="tfbg">
				<div class="tf">
					<div class="fl">
						<ul>
							<li>首页</li>
							<div class="item"></div>
							<li>景观</li>
							<div class="item"></div>
							<li>谈资</li>
							<div class="item"></div>
							<li>作者</li>
							<div class="item"></div>
							<li>大讲堂</li>
							<div class="item"></div>
							<li>活动</li>
							<div class="item"></div>
							<li>商城</li>
						</ul>
					</div>
					<div class="fr">
						<ul>
							<li>APP</li>
							<li>投稿</li>
							<li>登录/注册</li>
							<li>快捷登录</li>
						</ul>
					</div>
				</div>
			</div>

		</header>

		<section>

			<div class="ml">
				<div class="zgmk">
					<div class="ZG">
						<span class="zg">征稿</span><br>
						<span class="CONTRIBUTIONS">CONTRIBUTIONS</span>
					</div>
					<div class="jjmk">
						<div class="JJ">
							<span class="jj">极简</span>
							<img src="img/18.jpg" alt="">
						</div>
						<div class="JJ">
							<span class="jj">美食</span>
							<img src="img/19.jpg" alt="">
						</div>
						<div class="JJ">
							<span class="jj">烟雾</span>
							<img src="img/17.jpg" alt="">
						</div>
					</div>
				</div>

				<div class="jgmk">
					<div class="JG">
						<span class="jg">景观</span>
						<span class="LANDSCAPE">LANDSCAPE</span>
					</div>
					<div class="photo">
						<div class="pl">
							<img src="img/16.jpg" alt="">
							<img src="img/14.jpg" alt="">
							<img src="img/13.jpg" alt="">
						</div>

						<div class="pr">
							<img src="img/15.jpg" alt="">
							<img src="img/12.jpg" alt="">

						</div>
					</div>
				</div>
			</div>

			<div class="mr">
				<h3>寻找中国最美景观拍摄点</h3>
				<div class="ZZ">
					<span class="zz">杂志:</span>
					<div class="ts">
						<img src="img/11.jpg" alt="">
						<img src="img/9.jpg" alt="">
						<img src="img/10.jpg" alt="">
					</div>
				</div>

				<div class="HD">
					<span class="zz">活动:</span>
					<div class="ts1">
						<img src="img/8.jpg" alt="">
						<img src="img/7.jpg" alt="">
						<img src="img/6.jpg" alt="">
					</div>
				</div>
				<div class="HD">
					<div class="ts1">
						<img src="img/4.jpg" alt="">
						<img src="img/5.jpg" alt="">
						<img src="img/1.jpg" alt="">
					</div>
				</div>
				<div class="HD">
					<div class="ts1">
						<img src="img/2.jpg" alt="">
						<img src="img/3.jpg" alt="">
					</div>
				</div>
			</div>

		</section>
		<footer>
		</footer>
	</body>

</html>